<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        // this 关键字 预定义的；1.全局的this  2. 函数里的this
        // 一、.全局的this 会指向一个全局预定义对象 window
        // window 是全局的 一般可以省略；
        // console.log(this);
        // console.log(window);

        // var a = 10;
        // console.log(a);

        // var obj = {};
        // obj.a = 10;


        // function test(){
        //     console.log(111);
        // }
        // window.test();

        // 二、函数里的this  ：函数里 的this指向 定义的时候不能确定 ，调用的时候；
        // 1.直接调用 this 指向 window；
        // function fn(a){
        //     console.log(this);
        // }

        // fn(1);

        // 2.放在对象里调用:调用方式是 对象.函数()， 那么 this指向 改调用的对象；

        // var fn = function(){
        //     console.log(this);
        // }


        // var obj = {
        //     name:"张三",
        //     fn:fn
        // }

        // obj.fn();

        // 3.放在对象里调用  ： 调用方式 通过变量接收之后 在调用 那么this就指向了window

        var fn = function(){
            console.log(this);
        }


        var obj = {
            name:"张三",
            fn:fn
        }

        // obj.fn();
        var myfn = obj.fn;
        myfn();

    </script>
</body>
</html>